<template>
    <div>
        <Header></Header>
        <div style="display: flex;height: calc(100vh - 50px)">
            <div style="width: 200px;height: 100%;">
                <el-menu
                        style="height: 100%"
                        router
                        class="el-menu-vertical-demo"

                >
                    <el-submenu index="1">
                        <template slot="title">
                            <i class="el-icon-location"></i>
                            <span>管理</span>
                        </template>
                        <el-menu-item index="user">
                            <i class="el-icon-setting"></i>
                            <span slot="title">用户管理</span>
                        </el-menu-item>

                    </el-submenu>

                    <el-menu-item index="type">
                        <i class="el-icon-setting"></i>
                        <span slot="title">分类管理</span>
                    </el-menu-item>
                </el-menu>
            </div>

                <router-view style="flex: 1"/>


        </div>

    </div>
</template>

<style lang="less">

</style>
<script>
import Header from "./Header";

export default {
    components:{
        Header
    }
}
</script>